<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/base.jsp"%>
<%@ include file="/module/taglibs.jsp"%>
<%@ include file="/module/nocache.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>班级材料项目</title>
<%@ include file="/module/js.jsp"%>
</head>
<body>
	<form action="#" name="Form" id="Form" method="post">
	   <%--  <input type="hidden" name="currentPage" value="${currentPage}" /> --%>
		<input type="hidden" name="idList" id="idList"/>
		<input type="hidden" id="bodyData" name="bodyData" value=""/>
	<%@ include file="/module/orderField.jsp"%>
		<table cellpadding="1" cellspacing="1" border="0">
			<tr>
				<td><input type="button" id="btnQuery" value="查询"
					class="inputButton" /></td>
			    <td><input type="button" id="btnExport" value="导出"
					 class="inputButton"/></td>
			</tr>
		</table>
		<table cellpadding="1" cellspacing="1">
			<tr>
			    <td>提交状态：</td>
				<td><select id="issued" name="issued" class="selectList">
						<option value="">全部</option>
						<option value="0">未提交</option>
						<option value="1">已提交</option>
				</select></td>
				<td>项目名称：</td>
				<td><input type="text" name="xmmc" id="xmmc"  autocomplete="off" value="${data.xmmc}" class="inputText" /></td>
			</tr>
		</table>
		
     <table id="dg"  style="width:100%;"
		data-options="pagination:true,collapsible:true,url:'${basePath}/bjxxClassMaterialProject/List_bzr',method:'post',remoteSort:true,striped:true">
		<thead>
			<tr>
				<th data-options="field:'xmid',checkbox:true,width:10,align:'left',hidden: true"></th>
				<th data-options="field:'rangeId',checkbox:true,width:8,align:'left',hidden: true"></th>
				<th data-options="field:'xmmc',sortable:true,nowrap:true,width:450,align:'left',formatter:formater">材料名称</th>
				<th data-options="field:'orders',nowrap:true,width:200,align:'left',sortable:true">排列次序</th>
				<th data-options="field:'deadline',nowrap:true,width:225,align:'left',sortable:true,formatter:formatDate">提交期限</th>
				<th data-options="field:'issued',nowrap:true,width:250,align:'left',sortable:true,formatter:fromissued">提交状态</th>
				<th data-options="field:'createtime',nowrap:true,width:250,align:'left',sortable:true,formatter:formatDate">创建时间</th>
				<th data-options="field:'issuetime',nowrap:true,width:220,align:'left',sortable:true,formatter:formatDate">发布时间</th>
			</tr>
		</thead>
	</table>
   </form>
		

		<script type="text/javascript">
		
		    function formater(value, row, index) {
		          return "<a href='${basePath}/bjxxClassMaterialFile/details?id=" + row.xmid +"&rangeId=" +row.rangeId+"'>" + value + "</a>";
		    } 
		    

		    function fromissued(value){
		    	if(value!=null && value==true){
		    		return "已提交";
		    	}else{
		    		return "未提交";
		    	}
			}
		   
		    function formatDate(value){
		    	if(value!=null){
		    		var date=new Date(value);
					var y = date.getFullYear();
					var m = date.getMonth()+ 1;
					var d = date.getDate();
					var h= date.getHours();       //获取当前小时数(0-23)
					var mm= date.getMinutes();     //获取当前分钟数(0-59)
					var s= date.getSeconds();     //获取当前秒数(0-59)
					return y +'-'+(m <10?('0'+ m):m)+'-'+(d <10?('0'+ d):d)+' :'+(h <10?('0'+ h):h)+':'+(mm <10?('0'+ mm):mm)+'';
		    	}else{
		    		return "";
		    	}
		    	
			}
		    
			$(document).ready(
							function() {
						
					         	$('#dg').datagrid({
								  /*  onSortColumn :function(sort,order){
								   var _sort=sort;
								   var _order=order;
								   var options=$('#dg').datagrid('getPager').data("pagination").options;
								   var page=options.pageNumber;
								   var pageSize=options.pageSize;
								   window.setTimeout(function(){
									   $.post("${basePath}/bjxxClassMaterialProject/List_bzr",{orderFlag:_order,orderField:_sort},
												function(data){
												  $('#dg').datagrid("loadData",data); 
											   });
											   },100);  
								   },
								   rowStyler: function(index,row){
								   }
								}); */
					         	
					         	$('#btnExport').on('click', function(){
								     layer.confirm("您确定要下载吗?", {icon: 3, title:'提示',skin:'layer-ext-moon'}, function(index){
								    	    var rows = $("#dg").datagrid("getRows");
								    	    $("#bodyData").val(JSON.stringify(rows));
											document.Form.action = "${basePath}/bjxxClassMaterialProject/export_bzr";
											document.Form.submit();
											layer.close(index);
				               		 });
								});
					         	
								//查询
								$('#btnQuery')
										.click(
												function() {
													$('#dg').datagrid('load',{
														xmmc: $('#xmmc').val(),
														issued: $('#issued').val()
													});
												});
						
								
								
						});
			
		</script>
	
</body>
</html>
